<template>
  <div class="share" v-show="shareOjb.is_show">
    <img src="@/assets/sharePage.png" alt="" class="img">
    <div class="closeBtn" @click="hide()"></div>
  </div>
</template>
<script setup>
import { shareStore } from '@/store/index.js';
const shareOjb = shareStore();
const hide = () => {
  shareOjb.hide();
}
</script>

<style lang="scss" scoped>
@import '@/assets/style/global.scss';
.share {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  background-color: rgba(0,0,0,0.5);
  left: 0;
  top:0;
  bottom: 0;
  img {
    width: 80%;
    float: right;
  }
  .closeBtn {
    position: absolute;
    width: 270px;
    height: 100px;
    //background-color: #39a9ed;
    left:445px;
    top:1270px;
  }
}
</style>
